<template>
  <Footer style="height: 400px;background: rgba(0,101,184,1)">
    <Row style="width: 80%;margin-left: 30%;transform: translateY(100px)">
      <Col style="border-right: 1px solid white;color:white" span="4">
        <h2 style="color: white;">About</h2>
        <p style="font-size: 3px">FLowChart Software</p>
        <p style="font-size: 3px">Free Mind Map Software</p>
        <p style="font-size: 3px">Organization Chart Software</p>
        <p style="font-size: 3px">Diagram Software</p>
        <p style="font-size: 3px">Floor Plan Software</p>
        <p style="font-size: 3px">Network Diagram Software</p>
      </Col>
      <Col style="border-right: 1px solid white;color:white;margin-left: 36px;" span="4">
        <h2 style="color: white;">Services</h2>
        <div style="padding: 5px;font-size: 3px">
          <p>Diagramming guide</p>
          <p>Diagram templetes</p>
          <p>Diagram type</p>
          <p>All symbols</p>
          <p>Help Index</p>
          <p>Site Map</p>
        </div>
      </Col>
      <Col style="color: white;margin-left: 36px" span="4">
        <h2 style="color: white;">Sectors</h2>
        <div style="padding: 5px;font-size: 3px">
          <p>Dataflow Diagram</p>
          <p>Graphic Organizer</p>
          <p>Concept Map</p>
        </div>
      </Col>
    </Row>
  </Footer>
</template>

<script>
  export default {
    name: "footerLinks"
  }
</script>

<style scoped>

</style>
